.banner{
	width: 100%;
	min-width: 1200px;
	height: auto;
	text-align: center;
	margin: 0 auto;
}
.news-slider__pagination {
  text-align: center;
}
.news-slider__pagination .swiper-pagination-bullet {
 	display: inline-block;
    width: 16px;
    height: 16px;
    opacity: 1;
    border-radius: 10px;
    background: #3ebcc7;
    cursor: pointer;
    transition: width 0.3s ease-in-out;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0px 8px !important;
}
.news-slider__pagination .swiper-pagination-bullet-active {
	  opacity: 1;
	  background: #3ebcc7;
	  width: 50px;
	  transition-delay: 0s;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 45px !important;
}
.banner img{
	position: relative;
	width: 100%;
	min-width: 1200px;
}




.banner-text{
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: left;
}
.banner-text-box{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	padding-top: 8%;
}


.banner-text h1{
	font-size: 36px;
	color: #04305b;
	margin-bottom: 20px;
}
.banner-text p{
	width: 600px;
	font-size: 20px;
	color: #04305b;
	line-height: 40px;
}





.banner-but{
	width: 222px;
	height: 72px;
	margin-top: 50px;
}
.banner-but a{
	display: block;
	width: 220px;
	height: 70px;
	text-align: center;
	line-height: 65px;
	font-size: 24px;
	color: #12b7f5;
	border: 1px solid transparent;	
	border-image: linear-gradient(to top, #05a8da, #35e6a8);
	border-image-slice: 1;
}
.banner-but:hover a{
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
	border: none;
	color: #fff;
	transition: 0.5s;
}




.spot{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	margin: 0 auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 20px;
}
.spot-title{
	padding-top: 70px;
	height: auto;
	text-align: center;
}
.spot-title h2{
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333;
}
.spot-title p{
	font-size: 18px;
	color: #6c8293;
}

.spot-top{
	width: 1200px;
	min-width: 1200px;
	height: 448px;
	overflow: hidden;
	background: url(../img/spot.png)center top no-repeat;
	margin-top: 35px;
	position: relative;
}
.spot-top-text{
	position: absolute;
	width: 139px;
	height: 139px;
	line-height: 139px;
	text-align: center;
	color: #6c8293;
	font-size: 25px;
	font-weight: bold;
	cursor: pointer;
}
.spot-top-one{
	left: 355px;
	top: 32px;
}
.spot-top-two{
	left: 716px;
	top: 32px;
}
.spot-top-three{
	top: 296px;
	left: 342px;
}
.spot-top-four{
	top: 296px;
	left: 726px;
}
.spot-top-buttom{
	width: 1200px;
	height: auto;
	min-width: 1200px;
	text-align: center;
	font-size: 20px;
	color: #04305b;
	font-weight: bold;
}
.sopt-but{
	width: 170px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	margin-top: 40px;
}
.sopt-but a{
	display: block;
	width: 170px;
	height: 50px;
	line-height: 50px;
	border: 1px solid transparent;	
	border-image: linear-gradient(to top, #05a8da, #35e6a8);
	border-image-slice: 1;
	color: #12b7f5;
	font-size: 20px;
}
.sopt-but:hover a{
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
	border: none;
	color: #fff;
	transition: 0.5s;
}
.benefit{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.benefit-top{
	width: 1200px;
	min-width: 1200px;
	height: auto;
}
.benefit-top ul li{
	float: left;
	width: 300px;
	height: 71px;
}
.benefit-im{
	float: left;
	margin-right: 24px;
}
.benefit-text{
	padding-top: 14px;
}
.benefit-text h2{
	font-size: 20px;
	color: #333333;
	margin-bottom: 5px;
}
.benefit-text p{
	font-size: 14px;
	color: #999999;
}

.square-box{
	width: 100%;
	min-width: 1200px;
	height: 660px;
	background: url(../img/square-bg.jpg)center center no-repeat;
	margin-top: 50px;
}
.square{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 20px;
	margin: 0 auto;
}
.square-title{
	text-align: center;
	color: #fff;
	margin-bottom: 40px;
}
.square-title h2{
	font-size: 36px;
}
.square-left{
	width: 193px;
	height: auto;
	zoom: 1;
	float: left;
	margin-right: 50px;
}
.square-left ul{
	width: 193px;
	height: auto;
	zoom: 1;
	border-right:2px solid #667080;
}
.square-left ul li{
	width: 193px;
	height: 32px;
	line-height: 32px;
	margin-bottom: 20px;
	text-align: center;
	padding-left: 50px;
	color: #ffffff;
	font-size: 16px;
	cursor: pointer;
	
}
.square-left ul li:last-child{
	margin-bottom: 0px;
}
.square-left ul .active{
	position: relative;
	 background: -webkit-linear-gradient(left,rgba(245,246,267,.0),rgba(7,116,126,.6));
}
.square-left ul .active:after{
	content: '';
	display: block;
	width: 4px;
	position: absolute;
	height: 32px;
	right: -1px;
	background: #3ebcc7;
	z-index: 99;
	top: 0px;
}

.square-right{
	float: left;
	width: 888px;
}
.square-right div{
	display: none;
}
.square-right-top{
	display: block !important;
	width: 888px;
	height: 260px;
	border-bottom: 1px dashed rgb(109,118,133);
}
.square-right-top h2{
	margin-top: 15px;
	font-size: 24px;
	color: #ffffff;
	width:100%;
	height: 70px;
	font-weight: normal;
	line-height: 34px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.square-right-top p{
	width:100%;
	height: 100px;
	font-size: 16px;
	color: #ffffff;
	line-height: 32px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.square-but{
	margin-top: 15px;
	display: block !important;
	width: 140px;
	height: 40px;
	border-radius: 5px;
}
.square-but a{
	display: block;
	width: 140px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	color: #fff;
	background: #3ebcc7;
	border-radius: 5px;
}
.square-right-buttom{
	display: block !important;
}
.square-right-buttom ul li{
	float: left;
	margin: 50px 21px;
	text-align: center;
	width: 180px;
    height: 82px;
}
.square-right-buttom ul li a{
	display: block;
	width: 180px;
    height: 82px;
}
.square-right-buttom ul li a img{
	width: 180px;
    height: 82px;
}

.web{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 20px;
	margin: 0 auto;
}
.web-title{
	padding-top: 80px;
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.web-title h2{
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333;
}
.web-title p{
	width: 800px;
	margin: 0 auto;
	font-size: 16px;
	color: #6c8293;
	line-height: 26px;
}

.web-top{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
}
.web-top ul li{
	float: left;
	width: 330px;
	height: 330px;
}
.web-top ul li:nth-child(2){
	margin: 0px 105px;
}
.web-top-im{
	width: 226px;
	height: 172px;
	margin: 0 auto;
	margin-bottom: 30px;
}
.web-top-text{
	width: 100%;
	height: auto;
	text-align: center;
}
.web-top-text h3{
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
	font-weight: normal;
}
.web-top-text p{
	font-size: 16px;
	color: #919191;
	line-height: 26px;
}

.seo{
	width: 100%;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 20px;
	margin-top: 20px;	
}
.seo-title{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	margin: 0 auto;
	padding-bottom: 20px;
}
.seo-title h2{
	font-size: 28px;
	color: #333333;
	font-weight: normal;
}
.seo-top{
	width: 100%;
	min-width: 1200px;
	height: 554px;
	background: url(../img/seo-bg.jpg)center center no-repeat;
}

.seo-banner{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	height: 340px;
}
.seo-left-im{
	width: 40px !important;
	background: url(../img/seo-left.png)center center no-repeat !important;
}
.seo-right-im{
	width: 40px !important;
	background: url(../img/seo-right.png)center center no-repeat !important;
}
.seo-case{
	width: 100%;
	min-width: 1200px;
	height: 340px;
	padding: 0px 60px;
}
.seo-case ul li{
	float: left;
	width: 500px;
	padding-top: 35px;
}
.seo-case ul li h2{
	font-size: 36px;
	color: #ffffff;
	font-weight: normal;
	margin-bottom: 16px;
}
.seo-case-im{
	width: auto;
	height: 35px;
	max-height: 35px;
	margin-bottom: 20px;
}
.seo-case-im{
	max-height: 35px;
}
.seo-case-text{
	width: 450px;
	height: 160px;
	background: rgba(7,37,47,0.4);
	padding: 20px 20px;
	border-radius: 5px;
}
.seo-case-text p{
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.seo-case-text p span{
	font-size: 16px;
	margin-left: 30px;
}
.seo-case-text p span bb{
	color: #ffff00;
}
.seo-case ul li:nth-child(1){
	padding-left: 70px;
}
.seo-case ul li:nth-child(2){
	padding-left: 150px;
	padding-top: 75px;
}
.seo-case ul li:nth-child(2) img{
	display: block;
	width: 403px;
	height: 240px;
}
.seo-top-buttom{
	width: 1200px;
	min-width: 1200px;
	height: 200px;
	margin: 0 auto;
}
.seo-top-buttom ul li{
	float: left;
	width: 220px;
	height: 200px;
	margin: 0px 90px;
	text-align: center;
	margin-top: 50px;
}
.seo-top-buttom ul li img{
	max-width: 76px;
	max-height: 62px;
}
.seo-top-buttom ul li h2{
	font-size: 18px;
	font-weight: normal;
	color: #dae3eb;
	margin: 20px 0px;
	
}




.query{
	width: 100%;
	min-width: 1200px;
	height: 470px;
	margin: 0 auto;
	background: url(../img/query-bg.png)center bottom no-repeat;
}
.query-title{
	padding-top: 20px;
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.query-title h2{
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333;
}
.query-int{
	width: 750px;
	min-width: 750px;
	height: 54px;
	margin: 0 auto;
	box-shadow: 0px 0px 30px rgba(33,133,166,0.2);
	margin-bottom: 20px;
}
.query-int ul li{
	float: left;
}
.query-int ul li:nth-child(1){
	width: 588px;
	height: 53px;
}
.query-int ul li:nth-child(1) input[type="text"]{
	padding-left: 20px;
	width: 588px;
	height: 53px;
	border: none;
	font-size: 16px;
	line-height: 53px;
	outline: none;
}
.query-int ul li:nth-child(2){
	width: 162px;
	height: 53px;
	line-height: 53px;
	text-align: center;
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
}
.query-int ul li:nth-child(2) a{
	display: block;
	width: 162px;
	height: 53px;
	line-height: 53px;
	color: #ffffff;
}
.query-top{
	width: 800px;
	margin: 0 auto;
	height: 100px;
}
.query-top ul li{
	width: 100px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	margin: 0px 7px;
}
.query-top ul li a{
	display: block;
	width: 100px;
	height: 40px;
	color: #12b7f5;
}
.query-top ul li:hover a{
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
	color: #fff;
	border-radius: 3px;
}


.deposit-box{
	width: 100%;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 50px;	
	background: #f8f8fa;
}
.deposit{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 40px;
}
.deposit-title{
	padding-top: 80px;
	height: auto;
	text-align: center;
	margin-bottom: 50px;
}
.deposit-title h2{
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333;
}
.deposit-title p{
	width: 1200px;
	font-size: 16px;
	color: #6c8293;
	line-height: 26px;
}
.deposit-top{
	width: 1200px;
	min-width: 1200px;
	height: 550px;
	background: url(../img/deposit-top-bg.png)center top no-repeat;
	position: relative;
}
.deposit-top ul li{
	width: 355px;
	height: 87px;
	position: absolute;
	line-height: 87px;
	color: #666666;
	text-align: center;
	top: 0;
}
.deposit-top ul li h3{
	font-size: 18px;
	font-weight: normal;
}
.deposit-top ul li:nth-child(1),.deposit-top ul li:nth-child(3){
	background: url(../img/deposit-top-1.png)center center no-repeat;
}
.deposit-top ul li:nth-child(2),.deposit-top ul li:nth-child(4){
	background: url(../img/deposit-top-2.png)center center no-repeat;
}
.deposit-top ul li:nth-child(1){
	top: 41px;
}
.deposit-top ul li:nth-child(2){
	top: 77px;
	right: 60px;
}
.deposit-top ul li:nth-child(3){
	top: 296px;
	left: 50px;
}
.deposit-top ul li:nth-child(4){
	top: 343px;
	right: 0px;
}
.deposit-top ul li:nth-child(5){
	top: 440px;
	left: 35%;
	background: url(../img/deposit-top-3.png)center center no-repeat;
}



.news{
	width: 1200px;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 20px;
	margin: 0 auto;
	margin-top: 30px;
}
.news-left{
	width: 820px;
	float: left;
	height: auto;
	zoom: 1;
	overflow: hidden;
}

.news-l-title{
	width: 800px;
	margin: 0 auto;
	height: 50px;
}
.news-l-title ul li{
	width: 100px;
	height: 40px;
	float: left;
	text-align: center;
	line-height: 40px;
	color: #7D7D7D;
	margin: 0px 7px;
	cursor: pointer;
	
}
.news-l-title ul .active{
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
	color: #fff;
	border-radius: 5px;
}
.news-l-top{
	width: 820px;
	height: auto;
	zoom: 1;
	overflow: hidden;
}
.news-l-top div{
	display: none;
}
.news-l-top div:nth-child(1){
	display: block;
}
.news-l-top ul li{
	width: 820px;
	height: 180px;
	border: 2px solid #fff;	
	border-bottom: 1px solid #e8e8e8;
	padding: 30px 13px;
	margin-bottom: 20px;
}
.news-l-im{
	display: block !important;
	float: left;
	width: 220px;
	height: 124px;
	overflow: hidden;
	position: relative;
}
.news-l-im span{
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	width: 66px;
	height: 24px;
	background: rgb(0,0,0,0.45);
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	border-radius: 5px;
}
.news-l-im img{
	width: 220px;
	height: 124px;
}
.news-l-text{
	display: block !important;
	width: 550px;
	float: right;
}
.news-l-text h2{
	font-size: 18px;
	color: #333333;
	height: 24px;
	line-height: 24px;
	font-weight: normal;

}
.news-l-text span{
	display: block;
	float: left;
	font-size: 14px;
	color: #bbbbbb;
	height: 30px;
	line-height: 30px;
	margin: 15px 20px 5px 0px;
}
.news-l-text span img{
	margin-right: 5px;
	margin-top: 6px;
}
.news-l-text span:nth-child(3) img{
	margin-top: 8px;	
}

.news-l-text p{
	clear: both;
	display: block;
	width: 550px;
	font-size: 14px;
	line-height: 24px;
	color: #bbbbbb;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-l-text-a{
	display: block !important;
	float: right;
	margin-top: 5px;
	font-size: 12px;
	color: #12b7f5;
}
.news-l-top ul li:hover{
	border: 2px solid #2C9CBE;
	transform: 0.5s;
	transition: 0.5s;
}
.news-l-top ul li:hover h2{
	color: #3EBCC7;
}




.news-right{
	width: 290px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	float: right;
}
.news-r-title{
	width: 100%;
	min-width: 1200px;
	height: 40px;
	margin-bottom: 10px;
}
.news-r-title h2{
	font-size: 14px;
	height: 40px;
	color: #7d7d7d;
	font-weight: normal;
	line-height: 40px;
}


.news-r-top ul li{
	width: 290px;
	height: 70px;
	overflow: hidden;
	margin-bottom: 20px;
}
.news-r-top ul li img{
	transition: all 0.5s; 
}

.news-r-im{
	width: 100px;
	height: 70px;
	float: left;
	overflow: hidden;
}
.news-r-im img{
	width: 100px;
	height: 70px;
}
.news-r-text{
	width: 180px;
	float: right;
}
.news-r-text h3{
	width: 180px;
	font-weight: normal;
	height: 50px;
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.news-r-text span{
	font-size: 12px;
	color: #999;
}
.news-r-top ul li:hover img{
	transform: scale(1.11);
}

.news-r-b-title{
	width: 100%;
	min-width: 1200px;
	height: 40px;
	margin-bottom: 10px;
}
.news-r-b-title h2{
	font-size: 14px;
	height: 40px;
	float: left;
	color: #7d7d7d;
	font-weight: normal;
	line-height: 40px;
}
.news-r-b-title a{
	float: right;
	display: block;
	height: 40px;
	line-height: 45px;
	font-size: 12px;
	color: #7d7d7d;
}

.news-r-top ul li:hover .news-r-text h3{
	color: #3EBCC7;
}

.news-r-b-top ul li{
	width: 290px;
	height: 70px;
	overflow: hidden;
	margin-bottom: 20px;
}
.news-r-b-top ul li img{
	transition: all 0.5s; 
}
.news-r-b-top ul li:hover img{
	transform: scale(1.11);
}
.news-r-b-top ul li:hover .news-r-text h3{
	color: #3EBCC7;
}


.link{
	width: 100%;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	min-height: 100px;
	background: #fff;
	margin-bottom: 30px;
}
.link-title{
	width: 1200px;
	height: 40px;
	line-height: 60px;
	margin: 0 auto;
}
.link-title h2{
	font-size: 14px;
	height: 40px;
	line-height: 60px;
}
.link-top{
	width: 1200px;
	height: auto;
	min-height: 30;
	zoom: 1;
	overflow: hidden;
	margin: 0 auto;
}
.link-top ul li{
	width: auto;
	height: auto;
	margin: 5px;
	float: left;
}
.link-top ul li a{
	font-size: 12px;
	color: #666666;
}
.link-top ul li a:hover{
	color: #3EBCC7;
}





.crisis{
	width: 100%;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	padding-bottom: 50px;
	margin: 0 auto;
	background: #f8f8fa;
}
.crisis-title{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	padding-top: 80px;
	height: auto;
	text-align: center;
	margin-bottom: 40px;
}
.crisis-title h2{
	font-size: 36px;
	line-height: 50px;
	font-weight: normal;
	margin-bottom: 20px;
	color: #333333;
}
.crisis-title p{
	width: 827px;
	margin: 0 auto;
	font-size: 16px;
	color: #858585;
}
.crisis-top{
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
}
.crisis-top ul li{
	width: 270px;
	height: 330px;
	float: left;
	margin: 10px 15px;	
	cursor: pointer;
}
.crisis-top-im{
	width: 100%;
	height: 135px;
	line-height: 135px;
	text-align: center;
	padding: 30px 86px;
}
.crisis-top-text{
	width: 100%;
	height: auto;
	padding: 0px 20px;
}
.crisis-top-text h2{
	text-align: center;
	font-size: 25px;
	color: #333333;
	font-weight: normal;
	margin-bottom: 10px;
}
.crisis-top-text P{
	font-size: 14px;
	line-height: 26px;
	color: #919191;
}

.crisis-top-im2{
	display: none;
}
.crisis-top ul li:hover{
	box-shadow: 0px 0px 22px rgba(34,151,189,0.4);
	background: linear-gradient(to right top, rgb(5,168,218) 0, rgb(29,199,193) 65%, rgb(53,230,168) 100%);
	transform: 0.8s;
	transition: 0.8s;
}
.crisis-top ul li:hover .crisis-top-im2{
	display: block;
}
.crisis-top ul li:hover .crisis-top-im1{
	display: none;
}

.crisis-top ul li:hover .crisis-top-text P,.crisis-top ul li:hover .crisis-top-text h2{
	color: #fff;
}
.crisis-but{
	display: block !important;
	width: 226px;
	height: 40px;
	margin: 20px auto;
}
.crisis-but a{
	display: block;
	width: 226px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border: 1px solid rgb(232,232,232);
}
.crisis-top ul li:hover .crisis-but a{
	background: #fff;
	color: rgb(5,168,218);
}



.set{
	width: 100%;
	min-width: 1200px;
	height: auto;
	zoom: 1;
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 50px;
	background: #f8f8fa;
}
.set-title{
	height: auto;
	text-align: center;
	margin-bottom: 40px;
}
.set-title ul{
	width: 550px;
	height: 51px;
	margin: 0 auto;
}
.set-title ul li{
	height: 51px;
	padding: 15px 13px;
	float: left;
	margin: 0px 20px;
	font-size: 14px;
	color: #7d7d7d;
	cursor: pointer;
}
.set-title .active{
	background-image: linear-gradient(to right, #05a8da 20%, #35e6a8 100%);
	color: #fff;
	border-radius: 4px;
}
.set-top{
	width: 1200px;
	min-width: 1200px;
	zoom: 1;
	margin: 0 auto;
	height: auto;
}
.set-top div{
	display: none;
}
.set-top div:nth-child(1){
	display: block;
}

.set-top1 ul li{
	width: 520px;
	height: 450px;
	float: left; 
	margin: 0 40px;
	overflow: hidden;
	border-radius: 5px 5px 0px 0px;
}
.set-top1-box{
	display: block !important;
	width: 520px;
	height: 367px;
	box-shadow: 0px 0px 25px rgba(55,103,115,0.15);
	position: relative;
	overflow: hidden;
}
.set-top1-none{
	display: block !important;
	opacity: 0;
	width: 520px;
	height: 335px;
	top: 0px;
	background: rgba(000,000,000,0.5);
	position: absolute;
	padding: 200px 0px;
	transition: 0.7s;
}

.set-top1 ul li:hover .set-top1-none{
	display: block !important;
	opacity: 1;
	transition: 0.7s;
}
.set-top1-none a:last-child{
	display: block;
	margin: 0 auto;
	width: 120px;
	height: 46px;
	border-radius: 23px;
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
}
.set-top1 ul li:hover{
	box-shadow: 0px 0px 25px rgba(40,22,6,0.25);
}

.set-top1-span{
	display: block !important;
	width: 520px;
	height: 20px;
	background: rgb(235,237,239);
	border-radius: 5px 5px 0px 0px;
	padding: 7px 9px;
}
.set-top1-span span{
	display: block;
	width: 6px;
	height: 7px;
	background: #fff;
	margin: 0px 5px;
	border-radius: 100px;
	float: left;
}
.set-top1-span2{
	display: block !important;
	width: 520px;
	height: 20px;
	background: #fff;
	border-radius: 5px 5px 0px 0px;
	padding: 7px 9px;
}
.set-top1-im{
	display: block !important;
	width: 520px;
	height: 332px;
	overflow: hidden;
}
.set-top1-im img{
	width: 100%;
	height: 332px;
}
.set-top1-text{
	display: block !important;
	width: 520px;
	height: 67px;
	text-align: center;
}
.set-top1-text h2{
	margin-top: 15px;
	font-size: 16px;
	color: rgb(51,51,51);
	font-weight: normal;
}
.set-top1-text p{
	font-size: 14px;
	line-height: 40px;
	color: rgb(125,125,125);
	overflow: hidden;
    width: 100%;
    height: 40px;
    padding: 0px 10px;
}

.set-top2 ul li{
	width: 360px;
	height: 360px;
	float: left; 
	margin: 0 20px;
	background: #fff;
	box-shadow: 0px 0px 25px rgba(7,40,42,0.1);
}
.set-top2-im{
	display: block !important;
	width: 360px;
	height: 223px;
}
.set-top2-im img{
	width: 360px;
	height: 223px;
}
.set-top2-text{
	display: block !important;
	width: 360px;
	height: 122px;
	text-align: center;
}
.set-top2-text h2{
	margin-top: 30px;
	font-size: 18px;
	color: rgb(72,76,80);
}
.set-top2-text p{
	font-size: 14px;
    line-height: 26px;
    color: rgb(133,145,157);
    width: 100%;
    height: 66px;
    padding: 10px 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.set-top3 ul li{
	width: 360px;
	height: 360px;
	float: left; 
	margin: 0 20px;
	background: #fff;
	box-shadow: 0px 0px 25px rgba(7,40,42,0.1);
}
.set-top3-im{
	display: block !important;
	width: 360px;
	height: 233px;
	position: relative;
}
.set-top3-im img{
	width: 360px;
	height: 233px;	
}
.set-top3-im-none{
	display: block !important;
	width: 360px;
	height: 360px;
	position: absolute;
	opacity: 0;
	top: 0px;
	background: url(../img/news/set-top3.png)center center no-repeat;
	text-align: center;
}
.set-top3-im-none img{
	width: 127px;
	height: 127px;
	margin-top: 184px;
}
.set-top3-text{
	display: block !important;
	width: 360px;
	height: 122px;
	text-align: center;
}
.set-top3-text h2{
	margin-top: 30px;
	font-size: 18px;
	color: rgb(72,76,80);
}
.set-top3-text p{
	font-size: 14px;
    line-height: 26px;
    color: rgb(133,145,157);
    width: 100%;
    height: 66px;
    padding: 10px 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.set-top3 ul li:hover .set-top3-im-none{
	opacity: 1;
	transition: 0.7s;
	transform: 0.7s;
}


.set-top4 ul li{
	width: 360px;
	height: 360px;
	float: left; 
	margin: 0 20px;
	background: #fff;
	box-shadow: 0px 0px 25px rgba(7,40,42,0.1);
}
.set-top4-im{
	display: block !important;
	width: 360px;
	height: 233px;
}
.set-top4-im img{
	width: 360px;
	height: 233px;
}
.set-top4-text{
	display: block !important;
	width: 360px;
	height: 122px;
	text-align: center;
}
.set-top4-text h2{
	margin-top: 30px;
	font-size: 18px;
	color: rgb(72,76,80);
}
.set-top4-text p{
	font-size: 14px;
    line-height: 26px;
    color: rgb(133,145,157);
    width: 100%;
    height: 66px;
    padding: 10px 10px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}